<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title>xy - esclinicadigital.com</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <!-- endbower -->
    <!-- endbuild -->
    <!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="css/foundation/foundation.css">
    <link rel="stylesheet" href="css/foundation/normalize.css">
    <link rel="stylesheet" href="css/app.css">
    <!-- endbuild -->
  </head>
  <body ng-app="superApp">
    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <div ng-controller="MainController as main">
        <header class="fixed">
            <nav class="top-bar" data-topbar>                
                <ul class="title-area">
                    <li class="name">
                        <h1 data-magellan-destination="headerSection">
                            <a href="#">Clínica Digital</a>
                        </h1>
                    </li>
                    <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
                </ul>

                <section class="top-bar-section" ng-show="userAuth.isConnected">

                    <!-- Left Nav Section -->
                    <ul class="left">
                        <li class="has-dropdown active">
                            <a href="/#/users">Usuarios</a>
                            <ul class="dropdown">
                                <li><a href="/#/users/create">Nuevo</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown">
                            <a href="/#/patients">Pacientes</a>
                            <ul class="dropdown">
                                <li><a href="/#/patients/create">Nuevo</a></li>
                            </ul>
                        </li>
                    </ul>

                    <ul class="right">
                        <li class="has-dropdown">
                            <a>
                                {{userAuth.fullName}} [{{userAuth.username}}]
                            </a>
                            <ul class="dropdown">
                                <li><a href="#" ng-click="logout()">Cerrar Sesión</a></li>
                            </ul>
                        </li>
                    </ul>
                </section>
            </nav>
            <!--
            <ul class="breadcrumbs"> 
                <li><a href="/#/users">Usuarios</a></li>
                <li class="current"><a href="#">Crear</a></li>
            </ul>
            -->
        </header>

        <div ng-view></div>

        
    </div>

    <!-- foundation 
    <script src="js/libs/foundation/vendor/jquery.js"></script>
    -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/foundation/foundation.min.js"></script>



    <!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/angular/angular.js"></script>    
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <!--
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-touch/angular-touch.js"></script>
    -->

    <script src="https://code.angularjs.org/1.2.20/i18n/angular-locale_es-es.js"></script>
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:js({.tmp,app}) scripts/scripts.js -->
    <script src="js/app.js"></script>
    <script src="js/GlobalFactory.js"></script>
    <script src="js/MainController.js"></script>
    
    <!-- user -->
    <script src="js/user/controllers/AuthController.js"></script>
    <script src="js/user/controllers/UserController.js"></script>
    <script src="js/user/controllers/UserCreateController.js"></script>

    <script src="js/user/services/AuthService.js"></script> 
    <script src="js/user/services/UserService.js"></script>


    <!-- endbuild -->
</body>
</html>
